<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="no-referrer" />
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3034198_waznnnpgln.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2637533_vjktkq25brd.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/user-cata.css">
</head>

<body>
    <header class="header">
        <div class="page-container clearfix">
            <ul class="nav-item">
                <li>
                    <a href="#">慕课网首页</a>
                </li>
                <li>
                    <a href="#">免费课</a>
                </li>
                <li>
                    <a href="#">实战课</a>
                </li>
                <li>
                    <a href="#">体系课</a>
                    <i class="icn-new"></i>
                </li>
                <li>
                    <a href="#">慕课教程</a>
                </li>
                <li>
                    <a href="#">专栏</a>
                </li>
                <li>
                    <a href="./index.html">手记</a>
                </li>
            </ul>
            <div class="header-right">
                <div class="search-box">
                    <a href="#">
                        <i class="iconfont icon-fangdajing fang-djing i"></i>
                    </a>
                    <div class="input-search">
                        <div class="input-box">
                            <input type="text" class="nav-search-input">
                            <a href="#">
                                <i class="iconfont icon-fangdajing i"></i>
                            </a>
                        </div>
                        <div class="nav-search-box hide">
                            <div class="hot">
                                <h2>热搜</h2>
                                <div class="hot-box">
                                    <a href="#">Java工程师</a>
                                    <a href="#">Vue</a>
                                    <a href="#">Python</a>
                                    <a href="#">Go</a>
                                    <a href="#">SpringBoot</a>
                                    <a href="#">Docker</a>
                                    <a href="#">React</a>
                                    <a href="#">小程序</a>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-favorites">
                    <a href="#" class="i">收藏网站</a>
                    <div class="favorites-tips">
                        <i class="iconfont icon-xing i"></i>
                        使用
                        <b>Ctrl+D </b>
                        可将网站添加到书签
                    </div>
                </div>
                <div class="gouwuche">
                    <i class="iconfont icon-gouwuche i"></i>
                </div>
                <div class="login-area">
                    <ul class="logined clearfix">
                        <li class="li-item">
                            <i class="iconfont icon-lingdang i"></i>
                        </li>
                        <li class="li-item">
                            <a href="#" class="i">我的课程</a>
                        </li>
                        <li class="li-item" id="personal-center">
                            <a href="#" id="header-avator">
                                <img class="avatar" src="./images/5333a08f0001700202000200-200-200.jpg" alt="">
                            </a>
                            <div class="g-user-card">
                                <div class="card-inner">
                                    <div class="card-top clearfix">
                                        <a href="#">
                                            <img src="./images/5333a08f0001700202000200-200-200.jpg" alt=""
                                                class="avatar">
                                        </a>
                                        <div class="card-top-right-box">
                                            <a href="#" class="name text-ellipsis">慕课门</a>
                                            <div class="meta">
                                                <a href="#">经验
                                                    <b class="js-user-mp">0</b>
                                                </a>
                                                <a href="#">
                                                    积分
                                                    <b class="js-user-credit">0</b>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="user-center-box">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-kecheng"></i>
                                                    我的课程
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-dingdan"></i>
                                                    订单中心
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <i class="iconfont icon-jifen"></i>
                                                    积分商城
                                                </a>
                                            </li>
                                            <li>
                                                <a href="./user.html">
                                                    <i class="iconfont icon-shezhitianchong"></i>
                                                    个人设置
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="card-sets clearfix">
                                        <a href="#">安全退出</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div id="main">
        <div class="uit-int">
            <div class="nkj">
                <!-- 头像-->
                <div class="txsg">
                    <div class="digt">
                        <img class="xgtp avatar" src="./images/5333a08f0001700202000200-200-200.jpg" alt="">
                    </div>
                </div>
                <div class="dqinm">
                    <h3 class="nnh">
                        <span class="name">慕课门</span>
                    </h3>
                    <p class="nmsl">
                        <span class="sex">保密</span>
                        <span class="region"></span>
                        <span class="position"></span>
                        <a href="#" class='cfvg cfvg1'>
                            <i class='iconfont icon-jiantou-copy-copy'></i>
                            更多信息
                        </a>
                        <a href="#" class='cfvg cfg'>
                            <i class='iconfont icon-jiantou-copy-copy'></i>
                            更多信息
                        </a>
                    </p>
                </div>
                <!-- 标签 -->
                <div class="fycg">
                    <p class="htyu profile">这位同学很懒，木有签名的说～</p>
                </div>
                <!-- 粉丝 -->
                <div class="jkl">
                    <div class="inth">
                        <div class="uiop-ijh">
                            <em>0h</em>
                            <span>学习时长</span>
                        </div>
                    </div>
                    <div class="inth">
                        <div class="uiop-ijh">
                            <em>0</em>
                            <span>经验</span>
                        </div>
                    </div>
                    <div class="inth">
                        <div class="uiop-ijh">
                            <em>0</em>
                            <span>积分</span>
                        </div>
                    </div>
                    <div class="inth">
                        <div class="uiop-ijh">
                            <em>0</em>
                            <span>关注</span>
                        </div>
                    </div>
                    <div class="inth">
                        <div class="uiop-ijh">
                            <em>0</em>
                            <span>粉丝</span>
                        </div>
                    </div>
                    <!-- 个人设置 -->
                    <div class="giht">
                        <a href="./user.html" class="ZmwsNwy">
                            <i class="iconfont icon-shezhitianchong"></i>
                            个人设置
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="nrgi-injh">
            <!-- 导航栏 -->
            <div class="thl-rat">
                <ul>
                    <li>
                        <a class="aipo">
                            <i class="iconfont icon-icon-shipinzanting"></i>
                            <span>我的课程</span>
                            <i class="iconfont icon-dengbiansanjiaoxin i"></i>
                        </a>

                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-liebiao"></i>
                            <span>我的课表</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-shoucang"></i>
                            <span>收藏</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-youliaobiji"></i>
                            <span>笔记</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-wentijilu"></i>
                            <span>猿问</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-suishouji"></i>
                            <span>手记</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                    <li>
                        <a class="">
                            <i class="iconfont icon-zhuanlan"></i>
                            <span>专栏</span>
                            <i class="iconfont i"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 全部 -->
            <div class="qbdnr">
                <div class="fgsh">
                    <div class="bhj">
                        <a class="alwj afsd">全部</a>
                        <a class="alwj">免费课</a>
                        <a class="alwj">实战课</a>
                        <a class="alwj">体系课</a>
                        <a class="alwj">微课</a>
                    </div>
                </div>
                <div class="fgsd">
                    <div class="dgs">
                        没有任何课程，可以先
                        <a class="klp">去找找课程</a>
                    </div>
                    <div class="lhah">
                        <div>
                            <h4>实战推荐</h4>
                            <ul class="awuo">
                                <li class="dygsf">
                                    <a class="wzd">
                                        <div class="lafti">
                                            <img src="https://img.mukewang.com/szimg/5f3c866608d7a4e706000338-360-202.jpg"
                                                alt="">
                                        </div>
                                        <div class="zma">
                                            <p class="fgjl">微信小程序入门与实战（全新版） 超20000人学习的好课</p>
                                            <div class="fgbc">
                                                <span>¥ 149.00</span>
                                                <span>初级</span>
                                                <span id="lps">
                                                    <i class="iconfont icon-xiaoren"></i>
                                                </span>
                                                <span>22541</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dygsf">
                                    <a class="wzd">
                                        <div class="lafti">
                                            <img src="https://img.mukewang.com/szimg/59eeb022000162bc05400300-360-202.jpg"
                                                alt="">
                                        </div>
                                        <div class="zma">
                                            <p class="fgjl">算法与数据结构（C++版） 面试/评级前的算法复习技能包</p>
                                            <div class="fgbc">
                                                <span>¥ 166.00</span>
                                                <span>中级</span>
                                                <span id="lps">
                                                    <i class="iconfont icon-xiaoren"></i>
                                                </span>
                                                <span>10615</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dygsf">
                                    <a class="wzd">
                                        <div class="lafti">
                                            <img src="https://img.mukewang.com/szimg/59b8a486000107fb05400300-360-202.jpg"
                                                alt="">
                                        </div>
                                        <div class="zma">
                                            <p class="fgjl">全面系统Python3.8入门+进阶 (程序员必备第二语言)</p>
                                            <div class="fgbc">
                                                <span>¥ 366.00</span>
                                                <span>初级</span>
                                                <span id="lps">
                                                    <i class="iconfont icon-xiaoren"></i>
                                                </span>
                                                <span>13232</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dygsf">
                                    <a class="wzd">
                                        <div class="lafti">
                                            <img src="https://img.mukewang.com/szimg/5becd5ad0001b89306000338-360-202.jpg"
                                                alt="">
                                        </div>
                                        <div class="zma">
                                            <p class="fgjl">Vue.js2.5+cube-ui重构饿了么App（经典再升级）</p>
                                            <div class="fgbc">
                                                <span>¥ 198.00</span>
                                                <span>中级</span>
                                                <span id="lps">
                                                    <i class="iconfont icon-xiaoren"></i>
                                                </span>
                                                <span>9868</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="dbl">
        <div class="nbds">
            <div>
                <div class="r">
                    <a href="#" class="asdx cgf">
                        <i class="iconfont icon-shoucang klio "></i>
                    </a>
                    <a href="#" class="asdx">
                        <i class="iconfont icon-weixin klio"></i>
                    </a>
                    <a href="#" class="asdx">
                        <i class="iconfont icon-xinlangweibo klio"></i>
                    </a>
                    <a href="#" class="asdx">
                        <i class="iconfont icon-QQ klio"></i>
                    </a>
                </div>
                <div class="lpo">
                    <div class="mkj">
                        <ul class="klpoi">
                            <li>网站地图</li>
                            <li>网站首页</li>
                            <li>企业服务</li>
                            <li>关于我们</li>
                            <li>联系我们</li>
                            <li>讲师招募</li>
                            <li>帮助中心</li>
                            <li>意见反馈</li>
                            <li>慕课大学</li>
                            <li>代码托管</li>
                        </ul>
                    </div>
                    <p class="hjkd">
                        Copyright
                        ©
                        2021 imooc.com All Rights Reserved |
                        京ICP备 12003892号-11
                        <img src="https://www.imooc.com/static/img/beianicon.png" alt="">
                        京公网安备11010802030151号
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/lib/jquery-3.6.0.min.js"></script>
    <script src="/js/BASE_API.js"></script>
    <script src="/js/user-cata.js"></script>
</body>

</html>